/* 
2020 06 22
lili
 服务 

*/
// 引入数据文件  前端测试用
service = [
{
    "name":"图文问诊",
    "code":"1"
}
]

$(function(){
    var cityData = service; // 数据
    // 点击 科室
    function serviceFun(indexService){
        var _indexService = indexService; // 当前选中的 服务 

        $("#fixSelect").html('');
        var popHtml = '<div class="fix-black-pop"></div>';
            popHtml += '<div class="fix-select-one fix-select-service">';
            popHtml += '<div class="fix-select-one-in">';
            popHtml += '<ul class="fix-select-one-list">';
            popHtml += '<li data-code="0"><a href="javascript:;">全部</a></li>';
            $.each(cityData, function (idx, item) {
                popHtml += '<li data-code="'+item.code+'"><a href="javascript:;">'+item.name+'</a></li>';
            });
            popHtml += '</ul>';
            popHtml += '</div>';
            popHtml += '</div>';
            
        $("#fixSelect").html(popHtml);
        // 页面距顶部距离
        var top = $('.fix-top').height();
        $('#fixSelect .fix-select-one,.fix-black-pop').css('top',top+'px');

        $('#fixSelect .fix-select-service li').each(function(){
            var curText = $(this).attr('data-code');
            if(curText == _indexService){
                $(this).addClass('curr');
            }
        })
    }

    // 服务 click
    $('#selectFwBtn').click(function(){
        if(!$(this).hasClass('curr')){
            $(this).addClass('curr').siblings('.nav-li').removeClass('curr');
            var indexService = $(this).attr('data-service'); // 默认选中  三级
            serviceFun(indexService);
        }else{
            $("#fixSelect").html('');
            $('#selectFwBtn').removeClass('curr');
        }
    })
    // 点击 选中服务
    $("#fixSelect").on('click','.fix-select-service li',function(){
        var indexText = $(this).text();// 选中  服务 的文本
        var indexService = $(this).attr('data-code'); // 选中  服务的 id
        
        //  0 代表选中全部
        if(indexService == 0){
            $('#selectFwBtn span').text(indexText+'服务');
        }else{
            $('#selectFwBtn span').text(indexText);
        }
        $('#selectFwBtn').attr('data-service',indexService); // 
        // 关闭弹框 清空就是关闭
        $("#fixSelect").html('');
        $('#selectFwBtn').removeClass('curr');  
    });
    $("#fixSelect").on('click','.fix-black-pop',function(){
        $("#fixSelect").html('');
        $('#selectFwBtn').removeClass('curr');
    })
})






